<template>
  <footer class="site-footer">
    <div class="footer-container">
      <div class="footer-content">
        <div class="footer-left">
          <div class="footer-logo">
            <span class="footer-logo-text">悦而启思</span>
            <span class="footer-tagline">悦享设计·启思未来</span>
          </div>
        </div>
        
        <div class="footer-center">
          <div class="footer-section">
            <h4 class="footer-title">联系方式</h4>
            <p class="footer-text">400-888-9999</p>
          </div>
          
          <div class="footer-section">
            <h4 class="footer-title">工作时间</h4>
            <p class="footer-text">周一至周五：9:00-18:00</p>
          </div>
          
          <div class="footer-section">
            <h4 class="footer-title">一键咨询</h4>
            <p class="footer-text">contact@yueerqisi.com</p>
          </div>
        </div>
        
        <div class="footer-right">
          <div class="footer-social">
            <div class="social-icon-footer wechat">
              <svg viewBox="0 0 24 24" fill="currentColor">
                <path d="M8.5 12c-.83 0-1.5-.67-1.5-1.5S7.67 9 8.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm7 0c-.83 0-1.5-.67-1.5-1.5S14.67 9 15.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/>
              </svg>
            </div>
            
            <div class="social-icon-footer weibo">
              <svg viewBox="0 0 24 24" fill="currentColor">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>
              </svg>
            </div>
          </div>
        </div>
      </div>
      
      <div class="footer-bottom">
        <p class="copyright">2025 悦而启思(贵州)科技有限公司 ©版权所有</p>
      </div>
    </div>
  </footer>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'SiteFooter',
});
</script>

<style lang="scss" scoped src="./Footer.scss"></style>